<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Template Test</title>
  </head>
  <body>
    <h1>User List</h1>
    <div>{{ name }}</div>
    <div>{{ roles.0 }}</div>
    <div>{{ roles.1 }}</div>
    <div>{{ roles.2 }}</div>
    <div>
      {% for item in roles %}
      <span>{{ item }}</span>
      {% endfor %}
    </div>
    <div>{{ user_info.name }}</div>
    <div>{{ user_info.salary }}</div>
    <div>{{ user_info.role }}</div>
    <ul>
      {% for key in user_info.keys %}
      <li>{{ key }}</li>
      {% endfor %}
    </ul>
    <ul>
      {% for value in user_info.values %}
      <li>{{ value }}</li>
      {% endfor %}
    </ul>
    <ul>
      {% for k,v in user_info.items %}
      <li>{{k}}: {{v}}</li>
      {% endfor %}
    </ul>
    <ul>
      {% for data in data_list %}
      <div>{{item.name}} {{item.age}} {{item.gender}}</div>
      {% endfor %}
    </ul>
    <img src="/static/img/57504628.png" />
    <script src="static/js/jquery.min.js"></script>
  </body>
</html>
